<!DOCTYPE html>
<html>
<head>
	<title>Fotos</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<link rel="Stylesheet" type="text/css" href="css/estilos.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<!-- Anything Slider -->
	<link rel="stylesheet" href="css/anythingslider.css">
	<script src="js/jquery.anythingslider.js"></script>
	<!-- Define slider dimensions here -->
	<style>
		#slider1 { width: 420px; height: 250px; }
	</style>
	<!-- AnythingSlider initialization -->
	<script>
		// DOM Ready
		$(function(){
			$('#slider1').anythingSlider({
			  // Appearance
			  theme               : "default", // Theme name
			  expand              : false,     // If true, the entire slider will expand to fit the parent element
			  resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
			  vertical            : false,     // If true, all panels will slide vertically; they slide horizontally otherwise
			  showMultiple        : false,     // Set this value to a number and it will show that many slides at once
			  easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin or jQuery UI

			  buildArrows         : false,      // If true, builds the forwards and backwards buttons
			  buildNavigation     : false,      // If true, builds a list of anchor links to link to each panel
			  buildStartStop      : false,   // If true, builds the start/stop button and adds slideshow functionality

			  appendForwardTo     : null,      // Append forward arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
			  appendBackTo        : null,      // Append back arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
			  appendControlsTo    : null,      // Append controls (navigation + start-stop) to a HTML element (jQuery Object, selector or HTMLNode), if not null
			  appendNavigationTo  : null,      // Append navigation buttons to a HTML element (jQuery Object, selector or HTMLNode), if not null
			  appendStartStopTo   : null,      // Append start-stop button to a HTML element (jQuery Object, selector or HTMLNode), if not null

			  toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
			  toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times

			  startText           : "Start",   // Start button text
			  stopText            : "Stop",    // Stop button text
			  forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
			  backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
			  tooltipClass        : "tooltip", // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)

			  // Function
			  enableArrows        : true,      // if false, arrows will be visible, but not clickable.
			  enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
			  enableStartStop     : true,      // if false, the play/stop button will still be visible, but not clickable. Previously "enablePlay"
			  enableKeyboard      : true,      // if false, keyboard arrow keys will not work for this slider.

			  // Navigation
			  startPanel          : 1,         // This sets the initial panel
			  changeBy            : 1,         // Amount to go forward or back when changing panels.
			  hashTags            : true,      // Should links change the hashtag in the URL?
			  infiniteSlides      : true,      // if false, the slider will not wrap & not clone any panels
			  navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
			  navigationSize      : false,     // Set this to the maximum number of visible navigation tabs; false to disable

			  // Slideshow options
			  autoPlay            : true,     // If true, the slideshow will start running; replaces "startStopped" option
			  autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
			  autoPlayDelayed     : false,     // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts
			  pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
			  stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
			  playRtl             : false,     // If true, the slideshow will move right-to-left

			  // Times
			  delay               : 4000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
			  resumeDelay         : 5000 ,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
			  animationTime       : 3500,       // How long the slideshow transition takes (in milliseconds)
			  delayBeforeAnimate  : 0,         // How long to pause slide animation before going to the desired slide (used if you want your "out" FX to show).

			  // Callbacks
			  onBeforeInitialize  : function(e, slider) {}, // Callback before the plugin initializes
			  onInitialized       : function(e, slider) {}, // Callback when the plugin finished initializing
			  onShowStart         : function(e, slider) {}, // Callback on slideshow start
			  onShowStop          : function(e, slider) {}, // Callback after slideshow stops
			  onShowPause         : function(e, slider) {}, // Callback when slideshow pauses
			  onShowUnpause       : function(e, slider) {}, // Callback when slideshow unpauses - may not trigger properly if user clicks on any controls
			  onSlideInit         : function(e, slider) {}, // Callback when slide initiates, before control animation
			  onSlideBegin        : function(e, slider) {}, // Callback before slide animates
			  onSlideComplete     : function(slider) {},    // Callback when slide completes; this is the only callback without an event "e" variable

			  // Interactivity
			  clickForwardArrow   : "click",         // Event used to activate forward arrow functionality (e.g. add jQuery mobile's "swiperight")
			  clickBackArrow      : "click",         // Event used to activate back arrow functionality (e.g. add jQuery mobile's "swipeleft")
			  clickControls       : "click focusin", // Events used to activate navigation control functionality
			  clickSlideshow      : "click",         // Event used to activate slideshow play/stop button

			  // Video
			  resumeOnVideoEnd    : true,      // If true & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete
			  addWmodeToObject    : "opaque",  // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
			  isVideoPlaying      : function(base){ return false; } // return true if video is playing or false if not - used by video extension
			});
		});
	</script>
	<!-- Older IE stylesheet, to reposition navigation arrows, added AFTER the theme stylesheet -->
	<!--[if lte IE 7]>
	<link rel="stylesheet" href="css/anythingslider-ie.css" type="text/css" media="screen" />
	<![endif]-->
	
	
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-38446831-1']);
	  _gaq.push(['_trackPageview']);

	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="950" height="717" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td id="header" colspan="3" style="background-image:url('images/web_fotos_01.jpg')" width="950" height="276" alt=""></td>
	</tr>
	<tr>
		<td id="buttons">
			<div>
				<ul id="nav">
					<li id="botonEmpresa"><a href="empresa.html"></a></li>
					<li id="botonContacto"><a href="contacto.html"></a></li>
					<li id="botonCotizador"><a href="cotizador.html"></a></li>
					<li id="botonFotos"><a href="fotos.html"></a></li>
				</ul>
			</div>
		</td>
		<td style="background-image:url('images/web_fotos_03.jpg')" width="590" height="441" alt="">
			<ul id="slider1">
				<li><img src="images/foto01.jpg" border="0" /></li>
				<li><img src="images/foto02.jpg" border="0" /></li>
				<li><img src="images/foto03.jpg" border="0" /></li>
			</ul>
		</td>
		<td rowspan="4" style="background-image:url('images/web_fotos_04.jpg')" width="89" height="441" alt=""></td>
	</tr>
</table>
</body>
</html>